iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 1
1
自我挑戰組

vue.js 30天學習軌跡系列 第 1

Day1 vue.js -起手式

  • 分享至 

  • xImage
  •  

Vue.js 是什麼?

  • 簡單輕量的js框架
  • 與第三方庫或既有項目整合
  • 資料雙向綁定,使資料流更容易被掌握,執行效率較好
  • 聽說對初學者友善、且入門容易 ((深深被吸引

安裝吧!

Vue.js 有以下安裝方法

  • CDN
    這樣能直接引入最新版本
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

使用版本號

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
  • NPM
$ npm install vue
  • 命令行工具 (CLI)
npm install -g @vue/cli
vue create [project Name]
# 執行這兩個指令,可以運行專案項目
 $ cd hello-world
 $ npm run serve

Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推薦 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台電腦中管理多個 Node 版本。

準備好就為明天出發吧!


下一篇
Day2 vue.js - 建立第一個vue吧
系列文
vue.js 30天學習軌跡30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言